import { Avatar } from "@arco-design/web-react";
import { IconClose,IconMenu ,IconRefresh,IconMinus,IconPlus} from '@arco-design/web-react/icon';

const ZHeader = () => {
    const maxmin = async () => {
        await window.go.main.App.Minmax()
    }
    const min = async () => {
        await window.go.main.App.Min()
    }
    const close = async () => {
        await window.go.main.App.Quit()
    }
    const reload = async() => {
        await window.go.main.App.Reload()
    }
    return(
        <>
            <div  className='z-header'>
                <div className='zheader-logo'>zwatcher</div>
                <input placeholder='熊出没之小小世界' className='zheader-search' 
                />
                <div className='zheader-menu'>
                    <Avatar style={{ backgroundColor: '#3370ff' }}>Zeng</Avatar>
                    <div className="z-text"><IconMenu /></div>
                    <div className="z-text1" onClick={()=> reload()}><IconRefresh /></div>
                    <div className="z-text" onClick={()=> min()}><IconMinus /></div>
                    <div className="z-text" onClick={() => maxmin()}>
                        <svg t="1711718285047" className="icon-squery" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3603" width="200" height="200"><path d="M960.031235 159.921913v703.656418c0 52.974134-42.979014 95.953148-95.953148 95.953148h-703.656418c-52.974134 0-95.953148-42.979014-95.953148-95.953148v-703.656418c0-52.974134 42.979014-95.953148 95.953148-95.953148h703.656418c52.974134 0 95.953148 42.979014 95.953148 95.953148z m-831.593949-159.921913C57.771791 0 0.499756 57.272035 0.499756 127.937531v767.625183c0 70.665495 57.272035 127.937531 127.93753 127.93753h767.625183c70.665495 0 127.937531-57.272035 127.937531-127.93753v-767.625183c0-70.665495-57.272035-127.937531-127.937531-127.937531h-767.625183z" p-id="3604"></path></svg>
                    </div>
                    <div className="z-text" onClick={()=> close()}><IconClose /></div>
                </div>
            </div>
        </>
    )
}
export default ZHeader;